<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 箭头函数中没有arguments，
    // rest参数： 剩余参数 以...修饰最后一个参数 把多余的参数都放在一个数组中，可以代替arguments使用
    // 参数很多，不确定多少个，可以使用剩余参数

    // ----------------------例一-----------------------
    // function fn(...values) {
    //   console.log(values); // [6, 1, 100, 9, 10]
    // }
    // // 调用
    // fn(6, 1, 100, 9, 10);

    // ----------------------例二--------------------------
    var fn = (...arr) => {
      var total = 0;
      arr.forEach((item) => {
        total += item;
      })
      return total;
    }
    console.log(fn(1, 2, 3));
    console.log(fn(5, 6, 9, 8));
  </script>
</body>

</html>